Cobalt Loft color palette — #E3DFD3 · #B7AC49 · #008AD0 · #847800 · #000409

Cerulean and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E3DFD3): bright and airy, almost weightless.
• Gold (#B7AC49): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#008AD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#847800): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000409): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Muted Ridge color palette (#F5EADD, #E59600, #0090B8, #A16800, #000407)
• Moss Orchard color palette (#F0F0E3, #6BB026, #0078C2, #437800, #000205)
• Linen Amber Field color palette (#ECE5D9, #B38900, #007AB4, #803A00, #191000)
• Lilac Basin color palette (#E0E0D3, #90B961, #987BFF, #4A7200, #040014)
• Hushed Moss Balcony color palette (#E0F1EC, #78A237, #006F6B, #405E00, #000406)
• Patina Mulberry color palette (#F7E6E2, #85A700, #00878C, #A00038, #001C09)
• Feathered Canyon color palette (#DEE3CF, #09A149, #007E9D, #9E004A, #000701)
• Ancient Coast color palette (#EAE7D6, #72B15A, #00957B, #00606B, #001A30)

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