Tempered Azure color palette — #DBE6EF · #009BD6 · #3A4E69 · #20303B · #111A1E

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DBE6EF): a clean, paper-quiet neutral.
• Cerulean (#009BD6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#3A4E69): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#20303B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#111A1E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Azure 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

• Wandering Parlor color palette (#EBF2FF, #7B98E7, #515670, #313844, #1E2227)
• Ancient Ridge color palette (#E4FCF2, #50A8D9, #334C46, #0F231C, #010704)
• Wandering Sky Meadow color palette (#D6EAE1, #42B7F0, #7E6879, #3D4E47, #121B14)
• Ancient Petrol Loft color palette (#D4E8F6, #007BA8, #2A3246, #162028, #080D11)
• Faded Violet color palette (#DAE1FA, #8964FC, #543861, #1F2440, #0C121C)
• Sapphire Quarry color palette (#D0E3FA, #0272EA, #31277A, #01193C, #000812)
• Faded Pier color palette (#F1F5FF, #8F9BFA, #EC6C46, #3B9B68, #2D374F)
• Timeworn Iris Coast color palette (#D6ECFF, #81BEFD, #5A92F7, #616AB0, #3D4364)

Browse the whole catalog at Explore, or see today's palette.