Tempered Petrol color palette — #FCEBE5 · #6CADB2 · #007FAA · #006135 · #00071F
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCEBE5): A whisper-light, dusty orange — the color of autumn markets.
- Blue Fog (#6CADB2): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006135): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Timeworn Thicket color palette (#FAEDE7, #62C0CC, #008EC4, #007145, #000C3E)
- Sapphire Workshop color palette (#ECDFD5, #64ABCA, #0070E2, #005E52, #090028)
- Denim Study color palette (#DAE4DC, #55A0A6, #006376, #003C32, #000B13)
- Antique Cabin color palette (#F1EAE3, #98C5ED, #7385F9, #007C80, #26153B)
- Washed Lagoon Meadow color palette (#EFDEEB, #35868C, #004255, #002015, #000104)
- Wandering Periwinkle Summit color palette (#F8ECE4, #B1E0C7, #56A8FF, #00937C, #282950)
- Feathered Lapis color palette (#F4E3CD, #A67300, #5355F2, #704C00, #030022)
- Washed Rust color palette (#F6EADC, #9CB859, #00AC9A, #AF4431, #151100)
Browse the whole catalog at Explore, or see today's palette.