Tempered Cobalt Quarry color palette — #F3EEE5 · #8CB7D9 · #3066B6 · #004D5D · #242B4D

Royal Blue takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#8CB7D9): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3066B6): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#242B4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Sunlit Sapphire Lantern color palette (#F0E7DE, #7FBBE4, #4463C2, #004B49, #1A0935)
• Wandering Garden color palette (#F4EDE3, #7EBEC2, #00758A, #005143, #003346)
• Washed Periwinkle Garden color palette (#E4F2F1, #AED9FD, #69A8EE, #0B8AB6, #172D53)
• Antique Cornflower Study color palette (#F7EBEF, #89CDFC, #6180DD, #006C6A, #32254D)
• Washed Cerulean color palette (#FCF4E7, #92DCEA, #008CB3, #006760, #104464)
• Washed Alley color palette (#EBE4DA, #5699B5, #004E79, #002F33, #001231)
• Aged Periwinkle color palette (#F8F5EF, #C6EAF0, #7C98D3, #447689, #614B59)
• Plum Lantern color palette (#F7DDD5, #BA2F4C, #3A6E00, #004C93, #381016)

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