Cobalt Workshop color palette — #F6F6EE · #B4C89D · #2087B9 · #5A792B · #22322C
Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6EE): a clean, paper-quiet neutral.
- Pistachio (#B4C89D): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#2087B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#5A792B): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#22322C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.
Use it as a design system
One click turns Cobalt Workshop 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
- Cobalt Hollow color palette (#F3F6F1, #91CFBF, #6E76BE, #007F6C, #362932)
- Patina Bronze Alley color palette (#F9F4EE, #D9BC87, #009185, #8C6505, #273124)
- Washed Grove color palette (#EAF4F4, #8ED7A5, #179591, #4E7E5D, #0C181B)
- Hushed Seafoam color palette (#F4F6EE, #A2E3B4, #54ACA8, #639B73, #283027)
- Gentle Jade color palette (#F4F7EB, #49BC71, #006C9A, #006832, #002419)
- Antique Courtyard color palette (#E2EADF, #00897B, #4700A0, #003B34, #0B0005)
- Timeworn Cerulean color palette (#FFF2EC, #77B992, #12859B, #7F4649, #404C3B)
- Hushed Cobalt Lagoon color palette (#F6F6E9, #76915B, #5A66AF, #75423D, #31312A)
Browse the whole catalog at Explore, or see today's palette.