Tempered Navy Coast color palette — #F5F5CB · #92CEBC · #3F8F99 · #285D88 · #25275C
Navy and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5F5CB): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#92CEBC): A luminous, dusty teal — the color of sea glass.
- Cerulean (#3F8F99): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#285D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#25275C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Tempered Navy 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
- Soft Quarry color palette (#E9FDD7, #A6C4A2, #3697A6, #006280, #00497D)
- Softworn Terrace color palette (#FFF0D5, #BAC999, #589978, #006163, #002F44)
- Misty Market color palette (#C7FFF7, #8AC7D7, #6586B5, #55477B, #441744)
- Navy Villa color palette (#D9E9E3, #0097A1, #005E86, #251683, #170023)
- Petrol Grove color palette (#D7FFF6, #A7DBDC, #5CAEBA, #2873A9, #383D7A)
- Faded Nightshade Drift color palette (#CFEAD6, #00BEB9, #00749A, #092DAE, #260053)
- Cocoa Cabin color palette (#FFEEE6, #7ABBA1, #4F7EA2, #7C3F20, #223023)
- Weathered Navy Corridor color palette (#CFF8F4, #0086AA, #003F92, #2B004F, #0E000B)
Browse the whole catalog at Explore, or see today's palette.