Tempered Pine color palette — #FDF1F9 · #AEDDEB · #43A3BD · #2E7D59 · #0F3F5B
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Powder Blue (#AEDDEB): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#43A3BD): A luminous, balanced blue — the color of deep harbor water.
- Teal (#2E7D59): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#0F3F5B): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Muted Periwinkle color palette (#FCF2F6, #BCD8F0, #7196D2, #007B82, #35355E)
- Antique Aqua color palette (#EBF9F6, #B7EAF9, #00C8DA, #23A093, #00424E)
- Lagoon Study color palette (#F5F6EB, #B4CDB5, #008894, #006157, #00424E)
- Aged Lagoon color palette (#FAF2F8, #D3D7EA, #82BCCA, #609474, #3C5669)
- Antique Denim color palette (#F9EBF5, #54A0A7, #00627C, #003D2C, #000A17)
- Ancient Pine Archive color palette (#DCF4F2, #71BC80, #A581D6, #05893B, #3F275C)
- Softworn Cabin color palette (#DDFDF8, #A7EBF1, #8DD3EA, #828745, #144649)
- Patina Petrol color palette (#E9DBE5, #74BFCA, #0080A8, #005B47, #00203E)
Browse the whole catalog at Explore, or see today's palette.