Quiet Cobalt color palette — #B7F9E8 · #7AC0CE · #4084BE · #7C4756 · #613E18

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

The five colors

• Sea Foam (#B7F9E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#7AC0CE): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#4084BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#7C4756): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#613E18): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Dusty Cobalt Basin color palette (#B3F6FF, #74B1DC, #6C77B9, #854A3F, #4E4842)
• Cocoa Market color palette (#D6E9D4, #65C1C9, #6977A1, #763D16, #41200B)
• Timeworn Cerulean color palette (#C6F2C8, #78B5A3, #1D92A5, #6C4D6F, #633542)
• Antique Lantern color palette (#D5F1EF, #5E9DB3, #456AA0, #6F3946, #563121)
• Muted Chestnut color palette (#DDFCEA, #C0ACC1, #807AAB, #8E542C, #684600)
• Aqua Veranda color palette (#C8FDC5, #69D6DF, #7A93C4, #86647B, #5B3E52)
• Antique Pewter Meadow color palette (#C8E2FA, #8695D5, #805999, #754200, #433900)
• Faded Thicket color palette (#DDFEEE, #00A2D0, #C75A00, #006684, #602800)

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