Quiet Cobalt color palette — #EDF6FF · #82BFEE · #CA9B56 · #0087D0 · #583C0E

Cerulean and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#82BFEE): A luminous, balanced blue — the color of deep harbor water.
• Camel (#CA9B56): A luminous, balanced gold — the color of old brass.
• Cerulean (#0087D0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#583C0E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Ancient Indigo Veranda color palette (#F1F5FF, #A9B3EE, #B0A850, #6971E5, #484416)
• Chalky Meadow color palette (#EAF8FF, #7BC4D8, #DF8B7D, #008FAA, #64322A)
• Ancient Marigold color palette (#DDFDF5, #B3D8FF, #F4A760, #4D8ECD, #3D3732)
• Airy Bronze Lagoon color palette (#EFF6FF, #77A6EA, #CC8739, #AB7E00, #28394E)
• Dusty Lapis color palette (#D8E5FF, #99A8FF, #BB7D00, #4320EC, #402800)
• Periwinkle Corridor color palette (#EEF6FF, #A0D1FF, #F0A1CC, #5FA4E2, #4B3A5A)
• Antique Courtyard color palette (#FEF0FF, #6CA3E2, #C36597, #1266B5, #5C3348)
• Pewter Garden color palette (#F2F5FD, #BECB9E, #6C6C9C, #3E3D66, #1D212F)

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