Tempered Petrol Harbor color palette — #F0F7F3 · #DDD5D3 · #CCB7B5 · #1E7FA1 · #3E4B45
A conversation between Cerulean and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#DDD5D3): a clean, paper-quiet neutral.
- Stone (#CCB7B5): A luminous, dusty orange — the color of autumn markets.
- Cerulean (#1E7FA1): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3E4B45): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Petrol Harbor 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
- Worn Petrol color palette (#EDF3F7, #D6D6E0, #BDBACB, #4A7C97, #242D34)
- Patina Cerulean color palette (#F0F7F4, #DFD4D3, #ADA193, #5E97B6, #3E4B46)
- Softworn Lagoon color palette (#EEF7F5, #DFCCD7, #C599A1, #005D9D, #083C32)
- Ancient Fern color palette (#F8F5EC, #ACB492, #358278, #375E7C, #3F4800)
- Lapis Orchard color palette (#FBF2F7, #E4D6D2, #CFB5B1, #6053CE, #4A3A44)
- Antique Olive color palette (#ECFCDA, #ACC1B4, #9A7C8F, #626D27, #385745)
- Timeworn Cobalt color palette (#EDE0ED, #3D70BC, #442833, #271A27, #091413)
- Abyss Thicket color palette (#DCE3E0, #B1A5AD, #9C717E, #003C58, #001911)
Browse the whole catalog at Explore, or see today's palette.