Tempered Cerulean color palette — #D0E8F6 · #008BBB · #005170 · #001F2E · #000103

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D0E8F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008BBB): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005170): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001F2E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

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

• Lagoon Corridor color palette (#CEE8E4, #008D82, #00534B, #00231E, #000201)
• Midnight Sapphire Basin color palette (#E1EEFF, #0071D4, #003C76, #000E23, #000105)
• Ancient Coast color palette (#D2EBFA, #73AEE1, #6386CF, #005466, #000F1C)
• Turquoise Lagoon color palette (#E9F8FF, #00B4EA, #006894, #00263C, #000103)
• Aged Corridor color palette (#E7EDFB, #5A7FDB, #1F34A9, #060063, #00000C)
• Charred Study color palette (#EFD5EF, #004FA2, #105204, #002F25, #000209)
• Washed Cobalt Thicket color palette (#FFEBF8, #C0C7F5, #7982B9, #414672, #1A1C3E)
• Twilit Navy color palette (#F8E7F7, #008E64, #00216A, #000520, #030003)

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