Petrol Meadow color palette — #E8F0F3 · #CADAE4 · #A1BBD3 · #00818B · #233035
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F0F3): a clean, paper-quiet neutral.
- Silver (#CADAE4): A whisper-light, dusty blue — the color of deep harbor water.
- Ash (#A1BBD3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#233035): 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 Chapel color palette (#E7F1F7, #BAC6D2, #8FA6CA, #006B89, #13212A)
- Teal Hollow color palette (#E9F1EA, #C5D7D7, #CDB8BE, #26A5AC, #243226)
- Muted Cobalt color palette (#EFF6FF, #D3DEF8, #C4B4E6, #3774D4, #243448)
- Timeworn Cobalt Terrace color palette (#D9ECF2, #81A6CF, #7474AB, #844D36, #29442A)
- Midnight Petrol color palette (#D1E4F2, #007CA7, #10325F, #031826, #000509)
- Tempered Grape color palette (#D1E5F0, #0096B3, #7E3DB1, #791B00, #192400)
- Patina Pine color palette (#D6EAE2, #85B46F, #00884A, #1F615B, #00312B)
- Faded Cobalt Bloom color palette (#C8E7CE, #00A4BA, #006ABC, #7E2128, #002936)
Browse the whole catalog at Explore, or see today's palette.