Petrol Loft color palette — #E8FED5 · #97EFF0 · #23AED9 · #236AB1 · #343E68
Royal Blue takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#E8FED5): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#97EFF0): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#23AED9): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#236AB1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#343E68): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
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
- Quiet Turquoise Lagoon color palette (#BDF9E7, #00B7C4, #0085AD, #325888, #433C5F)
- Indigo Parlor color palette (#DDFFE6, #9BDAFF, #68A3EE, #6164B9, #403358)
- Timeworn Turquoise Chapel color palette (#CDF3FF, #69DBF3, #00B5E5, #3B93C7, #344F6A)
- Teal Canyon color palette (#EBFDD1, #B0EEBD, #34C0A3, #007881, #004053)
- Onyx Loft color palette (#CDE9E4, #0097A2, #005F8A, #00155B, #010009)
- Ancient Boulevard color palette (#FEF0FF, #DAD3E1, #66A1E6, #006190, #00253B)
- Apricot Study color palette (#E8FAF0, #98E0FC, #F3A864, #0098BE, #522F0B)
- Signal Ultramarine color palette (#7DFFF9, #00CDF6, #008ED9, #3600E6, #2E0065)
Browse the whole catalog at Explore, or see today's palette.