Tempered Navy color palette — #E9FFBC · #8CDBB2 · #00A69C · #005F78 · #05066F
Built around Deep Indigo, softened by Turquoise — the whole palette hums with nature and growth.
The five colors
- Custard (#E9FFBC): A whisper-light, balanced green — the color of a quiet forest floor.
- Lagoon (#8CDBB2): A whisper-light, balanced teal — the color of glacier melt.
- Turquoise (#00A69C): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#005F78): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#05066F): A deep, shadowed, vivid violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Tempered Navy 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
- Teal Canyon color palette (#FFF9B2, #A6DF9C, #00AB8C, #005A65, #002141)
- Lagoon Thicket color palette (#CCEED6, #00A099, #005C77, #001F50, #020007)
- Antique Studio color palette (#DFFFE2, #66E6D9, #01A0C9, #3250A0, #2B0058)
- Navy Courtyard color palette (#D2EAAE, #4CB179, #007678, #004A68, #0E2B79)
- Worn Atelier color palette (#D8EDCE, #00BA82, #007682, #003151, #04001A)
- Feathered Turquoise Balcony color palette (#B5F3D0, #7DD6C5, #00B7BF, #0086A3, #003148)
- Smoked Navy Loft color palette (#D1E3E2, #007C9E, #002FA2, #17003F, #040003)
- Chalky Nightshade color palette (#DBFFED, #00D9E0, #0087B9, #3400D7, #260032)
Browse the whole catalog at Explore, or see today's palette.