Worn Petrol Courtyard color palette — #F5EDE6 · #8DBEAA · #3D65B1 · #00504A · #2E2552

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

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Mint Leaf (#8DBEAA): A luminous, dusty teal — the color of shallow lagoons.
• Royal Blue (#3D65B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2E2552): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Worn Petrol Courtyard 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

• Sapphire Drift color palette (#FFF2E9, #67C5ED, #286CC6, #00574C, #302666)
• Wandering Cobalt color palette (#FCF4EB, #A9CEC3, #6574B1, #005F61, #403256)
• Forest Field color palette (#F7ECE8, #77C0BE, #00748F, #005415, #002F57)
• Feathered Atelier color palette (#E3ECE4, #8ABBD8, #166EB7, #004A54, #020D43)
• Quiet Cerulean color palette (#FEF2ED, #9BDBE0, #098BB8, #006B3A, #1B3E75)
• Denim Field color palette (#F1E2D9, #4C9BB4, #004B83, #003126, #0E083B)
• Teal Chapel color palette (#9CF6F8, #00ADA8, #005E5E, #003333, #001A18)
• Plum Orchard color palette (#CDE7C9, #00928A, #AE307A, #005550, #4C0631)

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