Tempered Petrol Loft color palette — #FAEBE5 · #98BBA2 · #0070A1 · #005236 · #162960
Peacock takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAEBE5): a clean, paper-quiet neutral.
- Sage (#98BBA2): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#0070A1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#162960): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered 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
- Weathered Petrol color palette (#F5EDE6, #8BB8D5, #4864AE, #00504D, #331F5A)
- Hushed Coast color palette (#FDF3EE, #B2CCBD, #457CAF, #00624D, #303564)
- Tempered Petrol color palette (#E0EDE3, #7FC0C9, #007793, #004C43, #001827)
- Hushed Delta color palette (#F5E8E5, #489F9D, #005266, #003309, #00142B)
- Washed Navy color palette (#E9DCD4, #498AA2, #003C74, #00231C, #08002A)
- Wandering Cypress color palette (#FAF4EF, #C7E4DA, #7788B9, #00716F, #5F3B4C)
- Amber Bloom color palette (#FFEFF1, #DDB1A5, #CF8D32, #4F4B9A, #4D2135)
- Washed Sky color palette (#F8E9F5, #7DE6F2, #1FB1F0, #3C9165, #192C53)
Browse the whole catalog at Explore, or see today's palette.