Tempered Pine Basin color palette — #FAF2FA · #A2EBE6 · #00ADD0 · #228829 · #164269

Olive Leaf and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sea Foam (#A2EBE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#00ADD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#228829): A full-bodied, vivid green — the color of fresh herbs.
• Navy (#164269): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

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

• Ancient Summit color palette (#FAF3F7, #B0DCF0, #3A9EDC, #247D5C, #2D395B)
• Soft Seafoam Boulevard color palette (#FCF4E8, #68E5E1, #00909E, #00694D, #044759)
• Muted Pier color palette (#DCEDFF, #67B6FF, #79A14D, #8E7C00, #0E3252)
• Sky Market color palette (#F9F3F8, #D6D5E8, #77BAE2, #649279, #465368)
• Tempered Mallow Chapel color palette (#EDF6FF, #EBD4E9, #FFABD5, #00A2A5, #32415C)
• Cobalt Veranda color palette (#F5E9F0, #73BDD9, #1B75CF, #005B4D, #1B1549)
• Washed Cabin color palette (#F7E8F1, #539EB3, #005B97, #003D2E, #05002C)
• Lapis Corridor color palette (#F1DFE5, #78A7D1, #4845EB, #004A4C, #1C0630)

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