Petrol Loft color palette — #EDF3F7 · #ABCEB2 · #38687E · #01364A · #09161E
A conversation between Peacock and Deep Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF3F7): bright and airy, almost weightless.
- Pistachio (#ABCEB2): A luminous, dusty teal — the color of sea glass.
- Peacock (#38687E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#01364A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#09161E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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 Denim Veranda color palette (#EEF8F5, #E6B2A8, #2E628C, #1F4037, #182729)
- Patina Onyx Lantern color palette (#EEF1FE, #C7B083, #584C79, #2A1E47, #0A0B17)
- Ancient Cerulean Chapel color palette (#EFF6FD, #E5D3CE, #608BAC, #2E4960, #111D27)
- Tempered Field color palette (#EDF3F8, #A0C9EA, #9273AE, #2478B0, #151420)
- Aged Chestnut color palette (#E9F6EB, #9CAAD4, #876B9A, #6A4C08, #252B3F)
- Nocturne Chestnut color palette (#DEEFFD, #705300, #362B2E, #001625, #000103)
- Chestnut Delta color palette (#E6F4FF, #639CBF, #AA716D, #725B1D, #162430)
- Faded Balcony color palette (#DEE9F8, #AB8837, #0D327B, #000B3A, #000107)
Browse the whole catalog at Explore, or see today's palette.