Petrol Veranda color palette — #ECE1E9 · #5DAFB6 · #0081A1 · #006045 · #000A17
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Rose Water (#ECE1E9): a clean, paper-quiet neutral.
- Cyan (#5DAFB6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006045): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Veranda 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
- Frosted Harbor color palette (#EEE4E9, #70A9C5, #0074D4, #005D5D, #04002C)
- Cerulean Orchard color palette (#E1E2D8, #44A2AA, #006471, #003C39, #000B10)
- Aged Villa color palette (#F6ECDC, #2E868E, #004351, #00201A, #000103)
- Gentle Workshop color palette (#EADDE1, #93C6F3, #6288FF, #007B8A, #201248)
- Dusty Grape color palette (#E2DEFE, #A951C6, #008565, #8100A0, #000805)
- Muted Periwinkle Coast color palette (#F4ECF0, #A1DDF5, #3FABFF, #00928A, #1C2A56)
- Tempered Magenta color palette (#F4DEF7, #C530DB, #00675A, #2C6200, #050006)
- Patina Summit color palette (#F9F3F7, #CCE5FF, #5BCEEF, #59AB84, #334A5E)
Browse the whole catalog at Explore, or see today's palette.