Petrol Veranda color palette — #F2E6E2 · #99BEA0 · #00759E · #004E2C · #031335
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F2E6E2): a clean, paper-quiet neutral.
- Sage (#99BEA0): A luminous, dusty teal — the color of sea glass.
- Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E2C): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#031335): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Petrol color palette (#F2E7DC, #91BEB0, #5465AD, #004B4C, #1C0934)
- Tempered Cobalt Atelier color palette (#FBEFE9, #AFD1BA, #4282AF, #005E43, #131C44)
- Wandering Denim Alley color palette (#F6E5DA, #70A5BA, #0057A5, #003A31, #09002D)
- Dusty Cypress Meadow color palette (#F8F0EA, #C6E4D8, #728DC0, #006D66, #411F32)
- Jade Pier color palette (#CDEDDC, #01B387, #006A3E, #002C1D, #000802)
- Navy Pier color palette (#FEEBDF, #30849B, #003D6B, #002018, #01000B)
- Airy Moss Courtyard color palette (#F6EDD5, #778D00, #346E00, #004127, #001818)
- Chalky Mulberry Lantern color palette (#EAECD2, #5FA24A, #952482, #1B5500, #25001F)
Browse the whole catalog at Explore, or see today's palette.