Petrol Meadow color palette — #ECF4F1 · #DCD1CD · #CEB4AF · #3E7CA0 · #242F2B

Slate and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DCD1CD): bright and airy, almost weightless.
• Rosewood Mist (#CEB4AF): A luminous, dusty orange — the color of autumn markets.
• Slate (#3E7CA0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#242F2B): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Petrol color palette (#EEF8F5, #E0D4D1, #CCB7B8, #567895, #3E4B47)
• Worn Canyon color palette (#F7EFF1, #E3D3C9, #CAB1A6, #745686, #271D20)
• Ancient Atelier color palette (#F1F6FB, #DAD9E1, #CCC0C2, #78A3C8, #394046)
• Hushed Fern Station color palette (#E0FAE2, #CAB2C8, #977196, #5A641C, #373E00)
• Ancient Ultramarine Summit color palette (#F6EFF6, #E3CDD6, #C59DBB, #0053C0, #241323)
• Timeworn Veranda color palette (#FAF0E9, #C7B089, #6C7D39, #6D4955, #2F2616)
• Ancient Navy Atelier color palette (#DDE8E5, #AE99A5, #9B6D77, #00395F, #000604)
• Indigo Archive color palette (#F7EAF4, #516CD0, #47252F, #1F101C, #030805)

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