Soft Petrol Garden color palette — #F8EAF2 · #59AECD · #2067B0 · #004B3F · #11053E

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF2): a clean, paper-quiet neutral.
• Cyan (#59AECD): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#2067B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#11053E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Petrol Garden 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 Cobalt Drift color palette (#F8E8EE, #8AB7D8, #5670BB, #005957, #241342)
• Softworn Delta color palette (#E9DCE9, #54B3B4, #00718F, #004E1C, #00142D)
• Hazy Cobalt color palette (#F8EBE3, #6EC4E1, #0069B8, #003F33, #020013)
• Muted Denim Villa color palette (#F5EDE2, #4E9AB6, #004F75, #002F31, #00132E)
• Ember Veranda color palette (#DDE2F8, #D88FC8, #D06D61, #006793, #1E0C2E)
• Cypress Ridge color palette (#FDF1F7, #B9D9EF, #6F97CF, #007D6F, #373460)
• Hazy Grape Corridor color palette (#E4E3F4, #6A33E6, #4F6400, #00532A, #080022)
• Grape Field color palette (#C8E6F7, #0074E4, #4F1CCD, #410073, #2B0026)

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