Tempered Navy color palette — #E4FFD3 · #A6DBB0 · #519C81 · #006C94 · #00376B
Built around Navy, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Custard (#E4FFD3): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A6DBB0): A whisper-light, balanced teal — the color of sea glass.
- Fern (#519C81): A luminous, balanced teal — the color of sea glass.
- Peacock (#006C94): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00376B): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, 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
- Weathered Lagoon Garden color palette (#DCFFEA, #8BE3D0, #009EA2, #3B5990, #2B2968)
- Washed Moss color palette (#FFF6CC, #CDD687, #749B52, #007171, #003A45)
- Tempered Studio color palette (#E0F3D5, #57B477, #007E63, #005578, #37355D)
- Washed Harbor color palette (#D3FFFE, #B0D8E8, #7DA2B9, #6E6893, #3E3C5F)
- Lagoon Station color palette (#D3E6D6, #2C8A6E, #005E57, #001F3B, #00000B)
- Turquoise Grove color palette (#E4FBF7, #C2E2FA, #00ABCB, #007272, #002937)
- Aged Coast color palette (#CBE9F1, #659EBB, #305D8C, #411C4D, #12000D)
- Aged Pier color palette (#C5EFF0, #70BACF, #527792, #453266, #23062A)
Browse the whole catalog at Explore, or see today's palette.