Tempered Navy Ridge color palette — #D3E5EC · #69AFD6 · #3276B7 · #214895 · #232951
A conversation between Indigo and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3E5EC): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#69AFD6): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#3276B7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#214895): A full-bodied, balanced violet — the color of a velvet chair.
- Midnight (#232951): A deep, shadowed, dusty 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 Navy Ridge 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
- Faded Ridge color palette (#B3E9F7, #5EBAC5, #00819D, #005B7A, #003050)
- Aubergine Archive color palette (#E0EDFC, #8A9FD6, #6E6EC2, #543895, #39244B)
- Weathered Station color palette (#EBF2FF, #A8B4E6, #5B76B7, #1D378A, #0A0F3E)
- Dusty Pier color palette (#B1EDF1, #50BDE6, #2E83D9, #3F549C, #623D4F)
- Gentle Ultramarine Summit color palette (#E9F3FF, #84A6D4, #B68234, #1762BB, #382200)
- Cerulean Loft color palette (#EAF3FF, #DAD5E2, #D4B3DD, #4182AC, #29344C)
- Lapis Thicket color palette (#DFF1FF, #3785FE, #333DFA, #37009C, #230045)
- Soft Pine color palette (#EAF3FF, #698CD2, #B66461, #3A7C38, #0E1E36)
Browse the whole catalog at Explore, or see today's palette.