Petrol Loft color palette — #F4E3EF · #7AC2C2 · #00788F · #004E30 · #001828
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F4E3EF): A whisper-light, dusty pink — the color of a candy shop window.
- Mint Leaf (#7AC2C2): A luminous, dusty teal — the color of shallow lagoons.
- 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
- Hushed Cerulean color palette (#F8EFF5, #85D7E2, #3286A8, #005D49, #08223A)
- Antique Workshop color palette (#F5E4EA, #7EBCE3, #3769B8, #004B4F, #120E36)
- Softworn Ridge color palette (#F6EAF2, #56A9C0, #005E8B, #003A33, #000727)
- Timeworn Powder Quarry color palette (#D5F5FF, #8ACFFF, #9598D5, #006D55, #002231)
- Patina Cabin color palette (#F5F6EB, #8FFAFC, #00A5B2, #006B60, #00232A)
- Cerulean Field color palette (#F1E1EC, #00879B, #00415C, #002019, #000105)
- Worn Plum color palette (#D2F3FF, #00909A, #B23A4F, #005156, #2A0008)
- Brick Delta color palette (#C6E6E9, #007A82, #AA1F38, #86260D, #000E0F)
Browse the whole catalog at Explore, or see today's palette.