Petrol Meadow color palette — #EFE6EC · #90BBCE · #2172A3 · #004E36 · #091138

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

The five colors

• Blush (#EFE6EC): a clean, paper-quiet neutral.
• Ash (#90BBCE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#2172A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004E36): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#091138): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Softworn Study color palette (#F8EFF4, #ABCDE1, #517FB2, #005D4E, #1C1A41)
• Powdered Denim color palette (#F2E3E9, #6AA5C5, #2652A9, #003A35, #0D002A)
• Dusty Lilac color palette (#DEF5FF, #A9CFFA, #BD89C4, #006951, #001C2F)
• Lagoon Orchard color palette (#CDECD8, #009C96, #006470, #003B53, #021243)
• Weathered Cypress Drift color palette (#F7EFF4, #D6D1E8, #819FBF, #377967, #2D364B)
• Azure Harbor color palette (#B9E9FF, #129FD6, #005F89, #002C3F, #00080F)
• Tempered Lagoon color palette (#E7DBE6, #3E9A9D, #00516A, #002E12, #000410)
• Terracotta Parlor color palette (#DBF1FF, #00769A, #9F3800, #633F00, #000D14)

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