Quiet Cobalt color palette — #FFEBF8 · #53CDE9 · #007AAF · #005347 · #001741

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

The five colors

• Blush (#FFEBF8): A whisper-light, dusty pink — the color of neon signs at night.
• Sky (#53CDE9): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005347): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001741): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Weathered Sapphire color palette (#FFECF2, #76C3FF, #426AD0, #005059, #1B044C)
• Cobalt Bloom color palette (#FFF2EB, #76C5D9, #0073B5, #005842, #22296C)
• Denim Lagoon color palette (#F2DEE9, #5FA8C0, #005D91, #003A35, #01052A)
• Cerulean Lantern color palette (#FCF4E7, #7EDAF2, #0099CC, #00726F, #00355A)
• Nightshade Thicket color palette (#F9E1E9, #4891C7, #1A3DA3, #002B30, #050019)
• Tempered Amethyst color palette (#F3EDD7, #9E8500, #7745EE, #5A4B00, #190044)
• Antique Boulevard color palette (#F2E2D8, #B67A00, #746000, #343800, #0F1B00)
• Quiet Delta color palette (#FEF0B8, #A9DD8E, #00CBB2, #8C5100, #1E2300)

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