Tempered Pine Workshop color palette — #D4F1E7 · #4399D3 · #458F4C · #005A8A · #002405

Fern and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D4F1E7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4399D3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#458F4C): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#002405): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Pine Workshop 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

• Pale Ultramarine color palette (#FBEDF9, #86A3DD, #27A47D, #2C5CC7, #003021)
• Hushed Azure color palette (#E0F1FF, #0099D6, #957300, #005E85, #443300)
• Cobalt Delta color palette (#C3EDDF, #1883C4, #8358A5, #006B5A, #001912)
• Washed Emerald color palette (#E2F1FF, #5AB0F1, #2CB243, #0077BA, #1B3F1E)
• Chalky Nightshade color palette (#F9E3EF, #8071E7, #00837D, #4E00C5, #001B19)
• Violet Chapel color palette (#DFEEE0, #33A3A7, #8765C6, #006165, #220F3D)
• Frosted Bloom color palette (#FFECF0, #C474D2, #0091B4, #8F00A4, #002530)
• Dusty Aubergine color palette (#FBE1E4, #AB5EA6, #00759F, #760074, #001420)

Browse the whole catalog at Explore, or see today's palette.