Petrol Loft color palette — #F3EBDD · #4BB3B3 · #008393 · #005F49 · #000B11
Cerulean and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F3EBDD): A whisper-light, dusty gold — the color of old brass.
- Turquoise (#4BB3B3): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008393): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F49): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000B11): 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 Ridge color palette (#EDE5D8, #3FAED8, #007BBB, #005C62, #00081D)
- Dusty Teal Ridge color palette (#FFE8E1, #17A7A5, #00627A, #003F0F, #000919)
- Hazy Iris Dune color palette (#D0E3E6, #52BAE6, #6F91DB, #007F72, #001217)
- Scarlet Study color palette (#D9EFDB, #009095, #D3002E, #006164, #140001)
- Cerulean Drift color palette (#C7F0F9, #00A1BC, #007382, #003C48, #000203)
- Abyss Archive color palette (#E2F1EE, #52818D, #004449, #00201B, #000202)
- Washed Cornflower color palette (#EEE7DB, #78CAFF, #3D93F5, #007A8E, #101B45)
- Hushed Byzantium color palette (#D9F2F5, #007E89, #A400AC, #705400, #000203)
Browse the whole catalog at Explore, or see today's palette.