Petrol Loft color palette — #EDF1E0 · #83BAD5 · #006FA3 · #004D5D · #0F304B
A conversation between Peacock and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#EDF1E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#83BAD5): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Teal (#0F304B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Cobalt Summit color palette (#E5F3E8, #A6CAE1, #418CC8, #006B74, #162D52)
- Patina Grove color palette (#E2E2D0, #2DB4AF, #006468, #003F35, #002429)
- Airy Glacier color palette (#DFF7DA, #6AE2E8, #4CA6C0, #21725F, #273E28)
- Ancient Periwinkle color palette (#F6ECE6, #ABDBF5, #7AA4EE, #009286, #2E2554)
- Quiet Sapphire Orchard color palette (#D4E4CC, #00937F, #515EC1, #005649, #1C2157)
- Misty Studio color palette (#E5EBDB, #3E85C5, #00397D, #002030, #00022D)
- Timeworn Chapel color palette (#F4F6EE, #C0EAED, #729EC4, #527865, #5B4D5C)
- Emerald Thicket color palette (#D5F0DC, #009A64, #00674B, #00473A, #00332C)
Browse the whole catalog at Explore, or see today's palette.