Petrol Loft color palette — #ECF3F9 · #A7C7E8 · #9B71A3 · #4475A5 · #16141F
Slate and Heather set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Sky (#A7C7E8): A luminous, dusty blue — the color of deep harbor water.
- Heather (#9B71A3): A luminous, balanced pink — the color of a candy shop window.
- Slate (#4475A5): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#16141F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Petrol Quarry color palette (#F0F7F3, #A4CBB7, #A4697B, #00789A, #3C2825)
- Aged Market color palette (#E7F7EA, #9FA8D8, #896C94, #634F1E, #262A3F)
- Worn Onyx color palette (#EAF3FF, #B5B5E3, #8C75AB, #65406E, #480E3C)
- Pewter Thicket color palette (#F1F0FC, #C7A4D8, #A35D68, #7B508E, #150917)
- Dusty Azure Atelier color palette (#EFF7F5, #AEDCD0, #A88FC4, #3E91DC, #39282E)
- Driftwood Field color palette (#EEF2F9, #D8D5DC, #B6AAAF, #7083A5, #31363F)
- Cerulean Field color palette (#EAF3FE, #5C87B9, #925C51, #505123, #0B2025)
- Quiet Hollow color palette (#E0E5EF, #8384D0, #901E64, #3F26A7, #04000A)
Browse the whole catalog at Explore, or see today's palette.