Petrol Loft color palette — #F3E6E0 · #6DC4C4 · #00788F · #004E30 · #001828
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#F3E6E0): bright and airy, almost weightless.
- Mint Leaf (#6DC4C4): A luminous, balanced teal — the color of glacier melt.
- Teal (#00788F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Loft 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
- Timeworn Balcony color palette (#F2E7DE, #81BDD7, #006EBB, #004B49, #0B1234)
- Softworn Forest color palette (#F6EAF5, #87BBCA, #007392, #005420, #052E58)
- Dusty Cerulean color palette (#FDEEE8, #ABD3B5, #1F87AE, #065D49, #05213D)
- Cerulean Pier color palette (#ECF8F6, #A7F6F7, #00A5B3, #006B61, #00232A)
- Wandering Archive color palette (#EDDFD9, #00879C, #00415D, #00201A, #000106)
- Olive Basin color palette (#F9F0EB, #C3ECE3, #71A5B9, #5B7536, #243C35)
- Misty Cobalt Loft color palette (#EEE6DA, #A07800, #006DBE, #5A4200, #001228)
- Worn Navy color palette (#FAE9DA, #3A92C9, #043EA5, #002B2F, #04001A)
Browse the whole catalog at Explore, or see today's palette.