Petrol Loft color palette — #FEE9E1 · #71C7CE · #007197 · #004122 · #00020D
Built around Peacock, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Rose Water (#FEE9E1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Aqua (#71C7CE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007197): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004122): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#00020D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Dusty Ultramarine Dune color palette (#F9ECDE, #91BCE1, #4E5DB6, #003E3F, #04000E)
- Washed Cobalt color palette (#FFF2EB, #8FD8F0, #3B7EBC, #005342, #080034)
- Cerulean Archive color palette (#F1E7D8, #4798A0, #005264, #002C25, #00050A)
- Ancient Delta color palette (#DCEADE, #7EBCC3, #0092AF, #006E5F, #001623)
- Byzantium Workshop color palette (#FCE1F9, #A808A5, #006945, #005034, #030003)
- Wandering Pine color palette (#FDF3EE, #BEE7F3, #6BAEDB, #1C825C, #202D4D)
- Amber Parlor color palette (#FBECFF, #FFB7C9, #C98C3D, #3D4D95, #0D0008)
- Hushed Orchid color palette (#FCE7EB, #B04EBE, #007C43, #61006D, #000200)
Browse the whole catalog at Explore, or see today's palette.