Misty Cobalt color palette — #FFF3E7 · #D28F48 · #3D90D1 · #915500 · #224563

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#D28F48): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#3D90D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#915500): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#224563): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Misty 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

• Iris Meadow color palette (#FBF5E7, #B29F4A, #797FD8, #776500, #3B3E64)
• Apricot Orchard color palette (#FFEEE1, #DF8E4F, #5590D6, #92521B, #351D37)
• Terracotta Market color palette (#FFF2EC, #DB8572, #009AB3, #A04634, #294B37)
• Gentle Periwinkle Hollow color palette (#FFF1F6, #EEA55D, #5BABEF, #AB7239, #244562)
• Amber Workshop color palette (#FFF3E5, #B77A16, #008D8A, #80519B, #3C3731)
• Antique Meadow color palette (#FFF3E7, #BAA384, #996533, #724430, #403D36)
• Aged Sapphire Studio color palette (#F9E1BA, #A57E00, #1F5BFC, #634A00, #0B266B)
• Aged Byzantium Thicket color palette (#FBF6D7, #97B026, #8B40D4, #546400, #442C61)

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