Tempered Navy color palette — #C8EFFE · #007FB0 · #005296 · #00307C · #0F044A
A conversation between Navy and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C8EFFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FB0): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005296): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00307C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#0F044A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Thicket color palette (#D2F9F7, #007599, #003E71, #050065, #180034)
- Airy Alley color palette (#CEE3EB, #0089BD, #00508E, #001D4E, #010011)
- Tempered Lagoon Balcony color palette (#DDF0EE, #008F99, #005D6F, #00374D, #001729)
- Nightshade Bloom color palette (#D5EFF1, #0091B8, #006DAE, #3829C2, #1B0041)
- Airy Ultramarine color palette (#D2E5F5, #047AEF, #1E3ED3, #2C0095, #1E0047)
- Sunlit Wisteria Study color palette (#FEE0FB, #A6A5ED, #BE6FC8, #00608B, #0F1137)
- Feathered Sapphire color palette (#F7DFF7, #1D75DC, #835F00, #00428B, #170E00)
- Frosted Station color palette (#E1EDFF, #385ECC, #3F14AC, #310063, #0D0018)
Browse the whole catalog at Explore, or see today's palette.