Petrol Meadow color palette — #C7EAEA · #27A4BA · #0073A3 · #00447A · #0E1C4D
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C7EAEA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#27A4BA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0073A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00447A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0E1C4D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Soft Azure Ridge color palette (#D9ECF3, #00A8D6, #007AA5, #00527A, #0F3A5D)
- Worn Navy Study color palette (#CAEDF1, #00819E, #004673, #001661, #07002C)
- Softworn Lagoon color palette (#DFF1E8, #28A492, #007377, #004658, #002335)
- Cerulean Studio color palette (#E6F9FF, #63CFFB, #0096CC, #006596, #00355E)
- Faded Terrace color palette (#D0E3EA, #4F96D2, #4863C8, #392B9D, #2A0B41)
- Dusty Cobalt color palette (#E8F3FF, #81A8E3, #2769BA, #003469, #000823)
- Patina Garden color palette (#E7F4FF, #D7DAFF, #CE9EDD, #007D8A, #162944)
- Pale Bronze color palette (#DDEBF8, #5097D3, #B9602A, #005991, #321100)
Browse the whole catalog at Explore, or see today's palette.