Cobalt Orchard color palette — #F5E8F3 · #65C1CE · #007EB1 · #005C3A · #091B49

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

The five colors

• Blush (#F5E8F3): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#65C1CE): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007EB1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C3A): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#091B49): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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 Drift color palette (#F1DCE5, #5EBDF0, #4670C9, #005A54, #211443)
• Cerulean Courtyard color palette (#FFF2ED, #94D9E3, #0086AF, #005340, #000D1F)
• Denim Harbor color palette (#ECEDDF, #64ACB5, #006273, #003E3D, #00242F)
• Ancient Hollow color palette (#DDECE9, #9AC8DA, #00A3BE, #007D7B, #00242F)
• Hazy Cornflower color palette (#FFF1F6, #91D4FF, #5582FF, #00736E, #37275B)
• Worn Blush color palette (#E5ECF9, #D0A5FF, #E27892, #007384, #1E1D3F)
• Periwinkle Lantern color palette (#FCF2F8, #B7EFFF, #74ABD9, #518774, #3C485F)
• Patina Field color palette (#E4EBFE, #415CFF, #706D00, #335E25, #060C32)

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