Tempered Coast color palette — #FFF2EC · #7CEEF8 · #00BCEC · #009C74 · #00355B
Cyan and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Ice Blue (#7CEEF8): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#00BCEC): A luminous, balanced blue — the color of deep harbor water.
- Fern (#009C74): A luminous, balanced teal — the color of shallow lagoons.
- Navy (#00355B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Periwinkle Loft color palette (#FEF3EA, #ABE3FF, #66AEFF, #009797, #252C64)
- Tempered Sky color palette (#FDF3EE, #CDE9CF, #2EC4EB, #2FA276, #114438)
- Ancient Cerulean color palette (#E5FBF6, #88DAE3, #009DB4, #00736E, #003947)
- Ancient Powder Studio color palette (#FAF4F0, #BEEEEB, #89C5F3, #4FAA9F, #563F53)
- Washed Petrol color palette (#E7F7EA, #7ACAD2, #007F99, #005347, #001D2C)
- Powdered Cornflower color palette (#EAE0D8, #65BCE5, #0383ED, #006D6D, #0B093C)
- Worn Honey color palette (#F6E2C2, #F7C032, #778CEA, #AA8100, #1B1D73)
- Orchid Orchard color palette (#EEDCBF, #EFAD31, #BB52F0, #2788E6, #322000)
Browse the whole catalog at Explore, or see today's palette.