Petrol Corridor color palette — #F6ECE7 · #9ABB9F · #007391 · #00523A · #003051
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Sage (#9ABB9F): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523A): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#003051): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Corridor 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
- Softworn Lantern color palette (#F7ECE2, #92BBAF, #4965A8, #004E57, #2D2457)
- Muted Cobalt Villa color palette (#FEF3ED, #B0CDB9, #0582B4, #006152, #1E3B62)
- Worn Petrol Grove color palette (#DDEDEA, #8BBCCD, #007988, #004C47, #001A21)
- Ancient Cypress Station color palette (#FAF4EF, #C8E4D9, #6E8CB6, #007074, #40446A)
- Soft Delta color palette (#F7EAF3, #8CE4EB, #46B3D7, #25936E, #07304E)
- Abyss Drift color palette (#EFE4DF, #4F8A9B, #004063, #00231E, #000429)
- Quiet Field color palette (#F0E6DD, #6A94BA, #2A4095, #002F36, #17003F)
- Aubergine Courtyard color palette (#F5D4DB, #9E65AA, #007F4E, #730086, #00321C)
Browse the whole catalog at Explore, or see today's palette.