Tempered Azure color palette — #D8F1E7 · #009ED8 · #185D92 · #063A50 · #000A05

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D8F1E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009ED8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#185D92): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#063A50): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. 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

• Cornflower Quarry color palette (#F5E9F6, #2093FC, #3B5697, #432A46, #000A06)
• Washed Teal color palette (#DCF2D6, #00A89B, #00666A, #243C1E, #040A01)
• Softworn Navy Field color palette (#D5EEE2, #0083AE, #1B3175, #002116, #000B02)
• Denim Dune color palette (#D0ECDF, #006485, #222A30, #171743, #000910)
• Hushed Sky color palette (#E6F6F1, #6EBFFF, #887487, #485954, #1D2321)
• Wandering Workshop color palette (#F2DEE8, #9984FF, #7C5364, #4C3441, #120A10)
• Soft Turquoise color palette (#F5F7E2, #93EAF3, #00BFD9, #009892, #003947)
• Soft Peony Boulevard color palette (#E1E3F8, #9797FF, #FE43B5, #009DB8, #1F1951)

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