Petrol Veranda color palette — #F5EBF2 · #7ABFC2 · #00748E · #005237 · #00314E
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Mint Leaf (#7ABFC2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314E): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Petrol color palette (#EAEBDA, #67C5C9, #007986, #004C46, #001A20)
- Timeworn Sapphire Station color palette (#F7EAF0, #7DBBD9, #0068BF, #00504F, #242A50)
- Weathered Balcony color palette (#E5F2EF, #75D7DA, #0098A7, #006D64, #00343E)
- Chalky Cobalt Meadow color palette (#FEF1F8, #9ED8F1, #0083DA, #006763, #2F3C6A)
- Hushed Lagoon color palette (#D7F3FE, #7BCAFC, #8388F6, #007655, #113D52)
- Patina Turquoise Cabin color palette (#F4EEE4, #BBDEBE, #00B8D4, #009479, #003345)
- Hushed Cerulean Garden color palette (#B2EBFF, #00A1BA, #005D6E, #002F3B, #00161D)
- Turquoise Corridor color palette (#F9F3F8, #D5D6EC, #5AA4C2, #4A7A68, #445464)
Browse the whole catalog at Explore, or see today's palette.