Petrol Meadow color palette — #F8E9F2 · #7BC3D8 · #006BB0 · #003F30 · #010014
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F8E9F2): A whisper-light, dusty pink — the color of a candy shop window.
- Sky (#7BC3D8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006BB0): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#010014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Quiet Lapis color palette (#F9E9EE, #88BCEC, #4E51D6, #003D40, #05000D)
- Cornflower Market color palette (#FDF1F6, #96D5FB, #4773DB, #00524D, #0F0328)
- Softworn Dune color palette (#E8DEE9, #67B1B0, #005E76, #002E0A, #000104)
- Patina Cabin color palette (#EADED7, #549BAF, #004E78, #00302B, #000C3E)
- Misty Harbor color palette (#F0E7D8, #53C0DF, #008DC5, #006D6D, #00142B)
- Lapis Veranda color palette (#DEE1EF, #5544E7, #4B6200, #384B00, #01000A)
- Feathered Grove color palette (#F2F5FF, #ECA6FC, #FF6F71, #005B7B, #10011F)
- Wandering Lapis Delta color palette (#C5E4F2, #007BE8, #4000DA, #2E0059, #09000B)
Browse the whole catalog at Explore, or see today's palette.