Petrol Meadow color palette — #EBF4F0 · #C2DEE1 · #C9B9CA · #00759C · #1B2823

Teal and Silver set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#C2DEE1): A whisper-light, dusty blue — the color of deep harbor water.
• Stone (#C9B9CA): A luminous, dusty pink — the color of peonies in June.
• Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1B2823): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Cypress Terrace color palette (#ECF5EA, #C3DED6, #ABC8B1, #007C70, #20281D)
• Patina Petrol color palette (#F7EFF4, #E8D4D5, #D0B8B7, #6A729C, #31292F)
• Patina Archive color palette (#EBF7FF, #D6D8E9, #AEBDD5, #007597, #2D4350)
• Denim Delta color palette (#DFEDE8, #D5C5D6, #AF9DAC, #185A84, #0D1915)
• Washed Azure color palette (#EBF9F1, #E9D4D2, #AEA293, #04A1C8, #293931)
• Antique Summit color palette (#D4E6FF, #94A5F9, #7F73B0, #684441, #003830)
• Ancient Grape color palette (#FFECF4, #E8CBD4, #BD9FC4, #6741A5, #27121C)
• Sapphire Quarry color palette (#F5E9F5, #0067D1, #1D274B, #19091A, #000503)

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