Tempered Cerulean color palette — #D5E3D8 · #358BAC · #004064 · #002224 · #00081D

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Silver (#D5E3D8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#358BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004064): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002224): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00081D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Denim Hollow color palette (#E4EFE6, #4C99C0, #004C81, #002F35, #020F37)
• Cobalt Archive color palette (#E2E5DA, #5EACCC, #007EB0, #005B6A, #000A16)
• Petrol Courtyard color palette (#CAEFF0, #006979, #003949, #001C2A, #060418)
• Tempered Grape Cabin color palette (#DFEEFB, #7898E0, #734CC3, #003843, #001023)
• Cocoa Atelier color palette (#D9EFFE, #005978, #612E00, #002433, #0E0300)
• Soft Alley color palette (#E9F1EA, #94B5D7, #2D5DD1, #004D61, #262855)
• Cerulean Station color palette (#F1F7F2, #A0CDDC, #00879D, #006150, #1D3E53)
• Lowlit Garnet color palette (#E1F1FC, #004465, #620033, #212700, #000204)

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