Cobalt Orchard color palette — #FEF2EE · #ADCFB3 · #0083B2 · #00643A · #283A5B

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Pistachio (#ADCFB3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#0083B2): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00643A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#283A5B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt Orchard 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 Grove color palette (#FFF2EA, #92DAF2, #1D83D6, #006954, #373B67)
• Ancient Cerulean color palette (#ECF5ED, #8ED5DD, #2E88A1, #005D51, #012338)
• Aged Sapphire color palette (#F6ECE5, #90BDAA, #2A63C3, #005049, #2D274E)
• Washed Turquoise Veranda color palette (#FCF4E8, #B9E0C1, #47A3BD, #2B7B6D, #144435)
• Teal Atelier color palette (#D3EED9, #00B89B, #007D87, #00546C, #17395D)
• Worn Onyx Lagoon color palette (#EADDD7, #4C8C96, #004160, #002415, #01002F)
• Worn Lantern color palette (#D6ECD6, #008B8D, #A25600, #6A5100, #1D311E)
• Hushed Turquoise Grove color palette (#FBF3F1, #C9EBE3, #60A3C0, #53795C, #5C4C5D)

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