back to palettes
Color lane

Floe

Bright high-key frost: two cold glacier accents and one warm ember on a frozen-white ground, neutrals tuned cold. Accents read like highlighters; the ember is reserved for the single flag.

Signature · the star
primary accentGlacier Cyan · #0c8fcf
Cryo Teal · #1fbfd6
Ember Spark · #e06a2c
Neutrals · the ground
bg
#eaf2f8
surface
#ffffff
text
#0e2233
muted
#50708a
border
#cfe0ec
Semantic · functional accessory
success
warning
error
info
Download .cssfrostglaciercoldhigh-keycyan
Do
  • · Use glacier cyan for the primary action and the cleave-line, cryo teal as the cold secondary highlight
  • · Reserve the ember for the single flag - the one metre, the one row, the one person that needs a hand
  • · Keep neutrals cold and surfaces pure white so frost never reads muddy
Don't
  • · Do not flood a surface with an accent or use more than the three signature colours as primary
  • · Do not promote a semantic colour (error/warning) to a visually primary role
  • · Do not let the warm ember spread into a fill
try it

remix with this palette

Drop Floe onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Floe
Art style
Landing Page
live preview · recolored + filled