Petrol Meadow color palette — #F9EBE4 · #7EBCCE · #096FA2 · #005147 · #122B5A

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Ash (#7EBCCE): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#096FA2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#122B5A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Antique Petrol color palette (#DEEDEB, #97B9CB, #007696, #004A50, #001926)
• Hushed Cobalt color palette (#FCF3ED, #A5D0BC, #467CB3, #00605E, #2F385B)
• Airy Denim Courtyard color palette (#F2E2D4, #73A5C7, #2954A0, #003D42, #1B144A)
• Tempered Field color palette (#FFEDF7, #D4ADE8, #CE8B99, #295D8C, #37284B)
• Wandering Cerulean Hollow color palette (#EDDED7, #4E9DA4, #005268, #003122, #001528)
• Azure Lantern color palette (#F8EAF3, #A2DEF0, #26AFFA, #009283, #192D51)
• Wandering Lantern color palette (#FCF3EE, #CEE3CC, #4697A7, #33714B, #225242)
• Dusty Cypress Delta color palette (#FBF4EF, #C9E9E7, #779EBF, #3B7B75, #62495E)

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