Tempered Navy color palette — #EFFCD0 · #A6F6E4 · #3DB9C9 · #0074A0 · #0C2573
Built around Navy, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Custard (#EFFCD0): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#A6F6E4): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#3DB9C9): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0C2573): 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 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
- Linen Teal color palette (#BFFFD9, #26CAB5, #008598, #00537E, #233776)
- Ultramarine Coast color palette (#E4FFD9, #A7EDF9, #57B2E6, #3F5FBE, #391978)
- Misty Ridge color palette (#C2FFFC, #00C8CF, #00889D, #005267, #002334)
- Dusty Aqua Chapel color palette (#D8F7FF, #82E3EB, #00C6E5, #0096BE, #003F59)
- Antique Teal color palette (#FFF5D5, #D0ECBC, #5CB58D, #007C73, #003D47)
- Antique Lagoon Summit color palette (#CEF5E3, #00A49D, #005B6B, #00233E, #00000B)
- Misty Nightshade Ridge color palette (#D7FFF5, #00DAE3, #0091BA, #0040B7, #19004E)
- Airy Cerulean Boulevard color palette (#D6EDEE, #0086AA, #004271, #0E003E, #020006)
Browse the whole catalog at Explore, or see today's palette.