Cobalt Field color palette — #F7F5EE · #C2C497 · #587FB2 · #707130 · #332A34

Slate and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5EE): a clean, paper-quiet neutral.
• Pistachio (#C2C497): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#587FB2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#707130): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#332A34): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Wandering Coast color palette (#FAF4EE, #E3B68D, #2A8C95, #8F6236, #273129)
• Wandering Olive color palette (#ECF4F2, #99D0C6, #458F9F, #4C8232, #08181F)
• Washed Coast color palette (#F2F7F0, #79BEB2, #6D62AB, #006F63, #2F1E27)
• Ancient Moss Veranda color palette (#F5F6EF, #BEDBB3, #3EAEB0, #6B9C56, #263127)
• Ancient Taupe color palette (#F9F5E9, #9C9C63, #606F99, #714921, #483C11)
• Washed Denim Ridge color palette (#FEF6CF, #A7CAA7, #4E9387, #006477, #1E4876)
• Moonless Studio color palette (#D8E2D7, #007874, #5D0044, #002E2C, #060003)
• Antique Ultramarine color palette (#F6F7E7, #7FB360, #2B59CE, #336400, #2A1328)

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