Tempered Coast color palette — #FCF2F9 · #A9EDF9 · #64BEE8 · #489D86 · #223C5A
Cyan and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FCF2F9): a clean, paper-quiet neutral.
- Sea Foam (#A9EDF9): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#64BEE8): A luminous, balanced blue — the color of deep harbor water.
- Fern (#489D86): A luminous, balanced teal — the color of glacier melt.
- Navy (#223C5A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Coast into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Tempered Powder Lagoon color palette (#FBF2F6, #D6DFF6, #9BC1EF, #5AA7A7, #3C475F)
- Patina Periwinkle color palette (#FCE9F0, #A4DBFF, #75A5F1, #009097, #28294E)
- Timeworn Drift color palette (#F4E6EF, #58AEC3, #007DB3, #005F52, #00071F)
- Frosted Azure Harbor color palette (#EDDFE7, #7CCDE7, #2C9ADF, #007E73, #071B49)
- Gentle Villa color palette (#E9DEFF, #FF9DEA, #31AC90, #37A857, #302540)
- Wandering Cerulean color palette (#F5F1EB, #B4CFBB, #1388AB, #005C54, #002338)
- Ash Market color palette (#F6F3FF, #F4D6CC, #E2C78F, #A495CD, #493951)
- Hushed Mallow Lagoon color palette (#F2EAFF, #FF93E3, #76C67F, #C370AD, #1B3F1F)
Browse the whole catalog at Explore, or see today's palette.