Tempered Pine color palette — #F6EDCE · #0090B1 · #008760 · #040C0C · #000202
Built around Fern, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Custard (#F6EDCE): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#0090B1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#008760): A full-bodied, balanced teal — the color of sea glass.
- Ink (#040C0C): a grounded near-black with real depth.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Tempered Pine 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 Cobalt Delta color palette (#F2EBFF, #0087D8, #008381, #060C0F, #000102)
- Weathered Lagoon color palette (#D9EFF4, #008D82, #004451, #00332E, #000103)
- Airy Violet color palette (#EDDCE8, #7D60FF, #008099, #080C11, #000103)
- Muted Courtyard color palette (#DDF0D8, #00ACC8, #8B8BEB, #000C0F, #000102)
- Antique Abyss Meadow color palette (#DFEDF2, #A9BFC8, #7797A9, #004548, #000102)
- Olive Pier color palette (#C7E9E7, #7E8000, #00230D, #050B0D, #000200)
- Ultramarine Garden color palette (#FFE7E8, #2A2BFC, #006334, #030D0B, #010100)
- Ember Villa color palette (#E4EBFF, #E54900, #526E00, #001C15, #000202)
Browse the whole catalog at Explore, or see today's palette.