Petrol Loft color palette — #D1E9E7 · #65ABD2 · #006CA7 · #004759 · #00142C
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#D1E9E7): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#65ABD2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006CA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004759): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00142C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Wandering Archive color palette (#E1F5F1, #69B0AE, #00747B, #004B41, #00181C)
- Petrol Meadow color palette (#ECF0E5, #86BFE2, #006CAB, #003B4C, #000209)
- Cornflower Dune color palette (#E9DED4, #7AB9DC, #1480F4, #006C6F, #0D063F)
- Antique Navy Bloom color palette (#F0DCE5, #6596B3, #004597, #002F31, #0F0341)
- Cobalt Orchard color palette (#E0F3F2, #92CEEC, #0890CF, #00697D, #07304F)
- Timeworn Azure Lagoon color palette (#E4FBF8, #B7E2FA, #00AADC, #00818C, #004564)
- Olive Pier color palette (#DCE6CC, #567200, #006965, #703A00, #050900)
- Antique Lagoon color palette (#EEF7F5, #CFE0F1, #8ABACC, #58938A, #3C5763)
Browse the whole catalog at Explore, or see today's palette.