Petrol Meadow color palette — #D1F6FC · #008199 · #004153 · #001E2A · #000103
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1F6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008199): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004153): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001E2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Timeworn Cobalt color palette (#DFF1FF, #0089CF, #003E62, #000A17, #000103)
- Hushed Petrol color palette (#CAE5DF, #008591, #006A88, #003E5D, #00081D)
- Pine Quarry color palette (#D6EBDF, #00805E, #00483B, #001411, #000201)
- Aged Market color palette (#C9E9FD, #005C82, #5C0B9D, #003C2C, #000103)
- Timeworn Iris color palette (#CFE5F6, #90C0F9, #7388D5, #004C63, #000104)
- Hushed Parlor color palette (#DAF9E2, #857204, #4B3900, #1B1000, #010100)
- Cobalt Grove color palette (#D9F1FF, #4BBEFF, #0087D4, #004E96, #001C4B)
- Moonless Nightshade color palette (#D8E2EF, #2D63DB, #2728B2, #0F0041, #010009)
Browse the whole catalog at Explore, or see today's palette.