Cobalt Field color palette — #F4EAF2 · #6B81B7 · #4B343A · #251A23 · #080E0B

Slate Blue takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Blush (#F4EAF2): a clean, paper-quiet neutral.
• Slate Blue (#6B81B7): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#4B343A): A deep, shadowed, dusty red — the color of a theater curtain.
• Onyx (#251A23): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#080E0B): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Washed Studio color palette (#ECF2FC, #819AD7, #57556A, #303846, #1C2327)
• Pewter Lantern color palette (#F3D6D8, #9B5A90, #571B01, #221012, #0A0507)
• Dusty Lilac Quarry color palette (#FFECF1, #B18AC8, #7C9863, #67824E, #352027)
• Dusty Pewter Dune color palette (#FFECF2, #C2A5DB, #95A370, #816399, #32312A)
• Amethyst Balcony color palette (#FFE9F4, #6F3EE6, #3F1A36, #1D0714, #060207)
• Driftwood Meadow color palette (#F9F0EA, #D2C1A4, #90843B, #745962, #34302A)
• Charred Garnet color palette (#FFE3E3, #48550A, #630047, #1B1C0E, #140100)
• Mulberry Harbor color palette (#F9E3E0, #A5005F, #381000, #160008, #020200)

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