Tempered Petrol Lantern color palette — #F2F3E8 · #639258 · #1A73A3 · #6F3452 · #1F1A0A
Slate and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Fern (#639258): A luminous, balanced green — the color of fresh herbs.
- Slate (#1A73A3): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#6F3452): A full-bodied, balanced rose — the color of pressed rose petals.
- Ink (#1F1A0A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Tempered Petrol Lantern 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
- Muted Cobalt Canyon color palette (#EFF4E9, #4AA885, #586CB2, #783933, #1B1E10)
- Patina Taupe Drift color palette (#F6F1E8, #A99047, #007D90, #5E3663, #231A0D)
- Antique Boulevard color palette (#F6F6E6, #668D47, #0C7581, #65402B, #35322B)
- Dusty Lagoon color palette (#FFEEE3, #99B685, #2C8884, #6D4358, #2A2E1F)
- Timeworn Grape Pier color palette (#EAF6E9, #008987, #7A46A8, #673200, #0C1705)
- Feathered Dune color palette (#DFF5D5, #006C5D, #7F005E, #2F2900, #000604)
- Washed Jade Workshop color palette (#E9F9F4, #90B664, #917BAE, #6D5C82, #3D2E38)
- Patina Lantern color palette (#FCF2CD, #AECEA4, #3F9974, #00605C, #002F3B)
Browse the whole catalog at Explore, or see today's palette.