Petrol Garden color palette — #F4F6EF · #C9E4D7 · #5E91B1 · #006E81 · #2B5046
A conversation between Teal and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Celadon Mist (#C9E4D7): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#5E91B1): A luminous, dusty blue — the color of deep harbor water.
- Teal (#006E81): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#2B5046): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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 Cypress Dune color palette (#F5F6EE, #C7E6DF, #7DA489, #3D7B76, #355242)
- Dusty Petrol Ridge color palette (#E7FBF1, #61AACB, #739657, #006F93, #344A22)
- Powdered Violet Thicket color palette (#DBFEF4, #528EC3, #9364AD, #007A6C, #1D3F37)
- Tempered Cerulean color palette (#F4F7EB, #9FD8EF, #0D8ABB, #006472, #004469)
- Denim Lantern color palette (#F0F0E3, #6BACAC, #00636C, #003F38, #00242B)
- Dusty Cerulean color palette (#EBEDE2, #398D9F, #004355, #002224, #000B12)
- Chalky Cerulean color palette (#BAF2FF, #4DB2D0, #0087AD, #006186, #394268)
- Weathered Station color palette (#DDFEF4, #F3DDD9, #E2BBD4, #5488A3, #543F55)
Browse the whole catalog at Explore, or see today's palette.