Petrol Basin color palette — #FAF4ED · #BDE7DB · #7A89B4 · #0E6E7D · #484266
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Celadon Mist (#BDE7DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#7A89B4): A luminous, dusty violet — the color of a velvet chair.
- Teal (#0E6E7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#484266): A full-bodied, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Basin 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
- Hazy Cobalt Parlor color palette (#FFF3E7, #A2D4FF, #5A7BCC, #006570, #3E3868)
- Softworn Cerulean color palette (#F3F7EE, #C1E4E9, #7EA6E2, #3383AE, #5A3C56)
- Patina Cerulean color palette (#FBF3EF, #CCE4CE, #4896AF, #327056, #215245)
- Muted Cobalt Garden color palette (#FFF1F4, #E3D8D2, #E8C099, #6F79A6, #624749)
- Ancient Cerulean Hollow color palette (#FEF2ED, #AAD0B2, #0A84A9, #00624A, #163D60)
- Wandering Lilac Garden color palette (#FFF1F4, #A671B1, #618849, #007463, #4D2D35)
- Navy Orchard color palette (#F1E6DD, #4E88A7, #003B77, #002223, #05002C)
- Denim Lantern color palette (#E8DDD7, #80AA90, #005E89, #003F36, #001B4C)
Browse the whole catalog at Explore, or see today's palette.