Petrol Veranda color palette — #F5EDE1 · #9DBB9C · #007683 · #00523D · #003343
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Sage (#9DBB9C): A luminous, dusty green — the color of fresh herbs.
- Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Hushed Cerulean Loft color palette (#FBF4EA, #B4CCB9, #0086A2, #006154, #06405A)
- Hushed Thicket color palette (#F3EEE6, #85BAD0, #006FA6, #004F53, #032C5D)
- Forest Lantern color palette (#F3E6E2, #80C1BF, #007792, #005012, #00172E)
- Cypress Meadow color palette (#F8F5EF, #CAE6DF, #6BA3B1, #2E7E6C, #315245)
- Antique Turquoise color palette (#E6F2E8, #92E4E2, #00B9CE, #179372, #003343)
- Soft Quarry color palette (#F3D7CE, #C5555D, #007A7C, #8B0025, #003031)
- Muted Loft color palette (#ECE3D6, #538A95, #004357, #00231F, #000A15)
- Pale Basin color palette (#F8EEDF, #6496B6, #00498B, #002F37, #04004B)
Browse the whole catalog at Explore, or see today's palette.