Tempered Coast color palette — #CBEAE1 · #008987 · #00647C · #00447A · #00012D
Navy and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CBEAE1): A whisper-light, dusty teal — the color of sea glass.
- Fern (#008987): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00647C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00447A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#00012D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
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
- Wandering Grove color palette (#D0E4E4, #007C8A, #004F66, #002539, #000B1A)
- Weathered Nightshade color palette (#CDF9F6, #0086A3, #006890, #0D00AC, #11002F)
- Hazy Station color palette (#CCE4F2, #008CAC, #A75A00, #005E75, #0D0400)
- Weathered Emerald color palette (#D9E6CA, #169340, #006C53, #004747, #001017)
- Dusty Lantern color palette (#DAECFF, #1292DD, #0069A1, #003A56, #000206)
- Aged Peony color palette (#D8F2FB, #96ABF0, #C776B5, #007C72, #001121)
- Hazy Ultramarine color palette (#D6ECF2, #007DBB, #1A48DD, #4A008F, #110017)
- Misty Sapphire color palette (#D6F7F5, #19B6DF, #008FE1, #285EE6, #311D63)
Browse the whole catalog at Explore, or see today's palette.