Petrol Veranda color palette — #D0E7DD · #007BAA · #422842 · #001C13 · #010603
Built around Cerulean, softened by Espresso — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0E7DD): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#007BAA): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#422842): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#001C13): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010603): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Lowlit Veranda color palette (#CEE6D1, #008189, #00394B, #031C09, #020601)
- Softworn Cobalt Veranda color palette (#F0E5F1, #0072CE, #46273D, #1F0F21, #000603)
- Twilit Denim color palette (#D9EBE3, #005D7F, #282B33, #2B0D23, #000C07)
- Cerulean Drift color palette (#D6ECFB, #0098C9, #484E83, #1C3341, #000608)
- Iris Balcony color palette (#EEE0EB, #6F8CD7, #5B4651, #372835, #101B18)
- Amethyst Workshop color palette (#E4E3F3, #7C46FF, #482857, #2D0E20, #0F030D)
- Tempered Indigo color palette (#F3E5EE, #6E79E6, #C25335, #007E49, #161944)
- Washed Cerulean Dune color palette (#F6EDDF, #ABCFB2, #0095B5, #006D5F, #003249)
Browse the whole catalog at Explore, or see today's palette.