Petrol Loft color palette — #D3EDFF · #0075A9 · #003B59 · #001018 · #000103
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3EDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0075A9): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003B59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, 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
- Eclipse Cypress Harbor color palette (#C6F4F2, #007D6E, #003E3A, #001312, #000201)
- Hushed Cobalt Field color palette (#DFEFFB, #0093D3, #005C7F, #002D46, #000306)
- Patina Sapphire Harbor color palette (#E2EFFF, #0B67BF, #6B0016, #002954, #040000)
- Cellar Balcony color palette (#D6DEFE, #355CB9, #001987, #000326, #00000B)
- Bronze Meadow color palette (#E3E9DA, #936300, #006899, #090C14, #000103)
- Worn Pewter color palette (#C6EDF8, #7596D6, #995A93, #004C33, #00080F)
- Misty Aubergine color palette (#F2EBFF, #BA9CE2, #7454A0, #43216C, #150025)
- Antique Canyon color palette (#E9F3FF, #B2D1F8, #6388B3, #314F75, #071C38)
Browse the whole catalog at Explore, or see today's palette.